<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<script>			
			window.onresize=function(){				
				window.location.reload()				
			}			
			var widths=document.documentElement.clientWidth;			
			document.documentElement.style.fontSize=widths/25+"px"
		</script>
		<link rel="stylesheet" href="css/new_file.css" />
		<link rel="stylesheet" href="font/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../reset.css"/>
	</head>
	<body>
		<!---->
		<header>
			<div class="hea-le"><a href="../1/new_file.html"><img src="img/logo.png" alt="" /></a></div>
			<div class="hea-zho">装修预算</div>
			<div class="hea-ri">
				<ul>
					<li><p class="p1"></p><span class="iconfont icon-nav"></span><p>导航</p></li>
					<li><p class="p1"></p><span class="iconfont icon-user"></span><p>我的</p></li>
				</ul>
			</div>
		</header>
		<!---->
		<div class="box1">
			<img src="img/house_info.jpg" alt="" />
		</div>
		<!---->
		<p class="p3">房先森 / 装修攻略 / 装修预算 / 正文</p>
		<!---->
		<p class="p4">装修预算注意事项</p>
		<!---->
		<div class="box2">
			<span class="iconfont icon-time span1"> 2016-07-07</span>
			<span class="iconfont icon-view span3"></span>
			<span class="span2">115</span>
		</div>
		<hr />
		<!---->
		<div class="box3">
			<span>客厅装修隔断</span>
			<span>客厅装修图</span>
			<span>客厅装修效果</span>
			<span>客厅装修图</span>
			<span>客厅装修</span>
			<span>客厅装修效果</span>
		</div>
		<!---->
		<div class="box4">
			导语：在装修时如果没有提前算好装修预算，很容易就造成最后开支过大，添置很多没有必要的增项
			。那么在做预算的时候又有什么需要注意的地方呢？
		</div>
		<!---->
		<div class="box5">
			<img src="img/2017-09-12_194504.jpg" alt="" class="img1"/>
		</div>
		<!---->
		<div class="box5">
			<button class="butt">点击展开全文</button>
		</div>
		<!---->
		<div class="box6">
			<div class="box6-1"><li><div class="iconfont icon-pencle" style="border: 1px solid #159BFA;color: #159BFA;"></div><p>评价(10)</p></li></div>
			<div class="box6-2"><li><div class="iconfont icon-share" style="border: 1px solid #FEB400;color: #FEB400;"></div><p>分享</p></li></div>
		</div>
		<!---->
		<div class="box5">
			<button class="butt">进入装修运算</button>
		</div>
		<!---->
		<div class="box8 boxx">
			<p class="p1">装修攻略</p><span></span>
			<ul>
				<li style="border-bottom: 0.1px solid #cacaca;">
					<div class="box8-1"><img src="img/2017-09-11_194222.jpg" alt="" /></div>
					<div class="box8-2">
						<p>房子交租要验房，验房师是做什么的？</p>
						<span class="iconfont icon-time span1"> 2016-07-07</span>
						<span class="iconfont icon-view span3"></span>
						<span class="span2">115</span>
					</div>
				</li>
				<li style="margin-top: 1rem;border-bottom: 0.1px solid #cacaca;">
					<div class="box8-1"><img src="img/2017-09-11_194209.jpg" alt="" /></div>
					<div class="box8-2">
						<p>能让您涨工资的家居风水！</p>
						<span class="iconfont icon-time span1"> 2016-07-07</span>
						<span class="iconfont icon-view span3"></span>
						<span class="span2">115</span>
					</div>
				</li>
				<li style="margin-top: 1rem;border-bottom: 0.1px solid #cacaca;">
					<div class="box8-1"><img src="img/2017-09-11_194222.jpg" alt="" /></div>
					<div class="box8-2">
						<p>遇到有这样房子的男人就嫁了吧</p>
						<span class="iconfont icon-time span1"> 2016-07-07</span>
						<span class="iconfont icon-view span3"></span>
						<span class="span2">115</span>
					</div>
				</li>
				<li style="margin-top: 1rem;border-bottom: 0.1px solid #cacaca;">
					<div class="box8-1"><img src="img/2017-09-11_184629.jpg" alt="" /></div>
					<div class="box8-2">
						<p>遇到有这样房子的男人就嫁了吧</p>
						<span class="iconfont icon-time span1"> 2016-07-07</span>
						<span class="iconfont icon-view span3"></span>
						<span class="span2">115</span>
					</div>
				</li>
				<li style="margin-top: 1rem;border-bottom: 0.1px solid #cacaca;">
					<div class="box8-1"><img src="img/2017-09-11_184641.jpg" alt="" /></div>
					<div class="box8-2">
						<p>遇到有这样房子的男人就嫁了吧</p>
						<span class="iconfont icon-time span1"> 2016-07-07</span>
						<span class="iconfont icon-view span3"></span>
						<span class="span2">115</span>
					</div>
				</li>
				<li style="margin-top: 1rem;border-bottom: 0.1px solid #cacaca;">
					<div class="box8-1"><img src="img/2017-09-11_184727.jpg" alt="" /></div>
					<div class="box8-2">
						<p>遇到有这样房子的男人就嫁了吧</p>
						<span class="iconfont icon-time span1"> 2016-07-07</span>
						<span class="iconfont icon-view span3"></span>
						<span class="span2">115</span>
					</div>
				</li>
				<li style="margin-top: 1rem;border-bottom: 0.1px solid #cacaca;">
					<div class="box8-1"><img src="img/2017-09-11_184804.jpg" alt="" /></div>
					<div class="box8-2">
						<p>遇到有这样房子的男人就嫁了吧</p>
						<span class="iconfont icon-time span1"> 2016-07-07</span>
						<span class="iconfont icon-view span3"></span>
						<span class="span2">115</span>
					</div>
				</li>
				<li style="margin-top: 1rem;border-bottom: 0.1px solid #cacaca;">
					<div class="box8-1"><img src="img/2017-09-11_194209.jpg" alt="" /></div>
					<div class="box8-2">
						<p>遇到有这样房子的男人就嫁了吧</p>
						<span class="iconfont icon-time span1"> 2016-07-07</span>
						<span class="iconfont icon-view span3"></span>
						<span class="span2">115</span>
					</div>
				</li>
				<li style="margin-top: 1rem;border-bottom: 0.1px solid #cacaca;">
					<div class="box8-1"><img src="img/2017-09-12_194504.jpg" alt="" /></div>
					<div class="box8-2">
						<p>遇到有这样房子的男人就嫁了吧</p>
						<span class="iconfont icon-time span1"> 2016-07-07</span>
						<span class="iconfont icon-view span3"></span>
						<span class="span2">115</span>
					</div>
				</li>
			</ul>
		</div>
		<!---->
		<div class="box9 boxx">
			<div>
				<p>
					房先森互联网家装有别于传统公司与其他装修中介平台，以自营模式整合设计师与项目经理，杜绝项目转外包，利用
				互联网将工地进行在线全景直播，通过去中间环节，提供装修套餐+个性化定制服务。
				</p>
			</div>
		</div>
		<!---->
		<footer>
			<div><p class="iconfont icon-hot-line" style="font-size: 1.4rem;"></p><span> &nbsp;服务热线：400-9977-658</span></div>
			<ul>
				<li style="color:#39C893;">触屏版</li>
				<li>电脑版</li>
				<li>关于我们</li>
				<li>联系我们</li>
			</ul>
		</footer>
		<!---->
		<div class="mb">
			<img src="img/icon_close.png" alt="" class="img1"/>
			<img src="img/icon_logo.png" alt="" class="img2"/>
			<p class="p1">装修报价，只需10秒</p>
			<p class="p2">免费为您算得装修预算</p>
			<button>免费获取金币</button>
		</div>
		<!--蒙版-->
		<div class="big">
			<ul>
				<li>
					<span class="iconfont icon-sina" style="color: #D52C2A;"></span>
					<p>新浪微博</p>
				</li>
				<li>
					<span class="iconfont icon-tx" style="color: #49C7FD;"></span>
					<p>腾讯微博</p>
				</li>
				<li>
					<span class="iconfont icon-qzone" style="color: #F9BD46;"></span>
					<p>QQ空间</p>
				</li>
			</ul>
			<button class="qx">取消</button>
		</div>
	</body>
	
	<script>
		var mb=document.getElementsByClassName("mb")[0]
		mb.onclick=function(){
			mb.style.display="none"
		}
		var img=document.getElementsByClassName("box6-2")[0]
		var butt=document.getElementsByClassName("qx")[0]
		var bigg=document.getElementsByClassName("big")[0]
		img.onclick=function(){
			bigg.style.display="block"
		}
		butt.onclick=function(){
			bigg.style.display="none"
		}
	</script>
</html>
